<template>
  <el-container id="basicLayout" style="height: 99.8vh;">
    <el-header class="header">
      <GlobalHeader />
    </el-header>

    <el-main class="content">
      <RouterView />
    </el-main>

    <el-footer class="footer">
      <a href="https://gitee.com/charles_n47_gitee/zhifou" target="_blank">
        项目前后端 Gitee 源码
      </a>
      <a href="http://charles.wow.sh.cn/zhifou/doc.html" target="_blank">
        项目前后端 API 接口测试
      </a>
    </el-footer>
  </el-container>
</template>

<script setup lang="ts">
import GlobalHeader from '@/components/GlobalHeader.vue';
</script>

<style scoped lang="less">
.header {
  padding: 0;
  height: 8vh;
}

.content {
  padding: 0;
}

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #efefef;

  a {
    margin: 2px 0;
    color: #666;
  }
}
</style>
